<template>
  <h2>provide和inject</h2>
  <p>当前颜色：{{color}}</p>
  <button @click="color='red'">红色</button>
  <button @click="color='yellow'">黄色</button>
  <button @click="color='green'">绿色</button>
  <Son/>
</template>
<script lang="ts">
import { defineComponent, provide, ref} from 'vue';
import Son from './components/Son.vue';
export default defineComponent({
  name: 'App',
  components:{
    Son
  },
  setup(){
    const color=ref('red')
    // 提供数据
    provide('color',color)
    return{
      color
    }
  }
});
</script>